<template>
    <div class="bgBox">
        <div class="login">
            <form action="">
                <div>
                    <label for="">用户名</label>
                    <input type="text" name="" id="">
                </div>
                <div>
                    <label for="">密码</label>
                    <input type="password" name="" id="">
                </div>
                <button>登录</button>
                <button>取消</button>
            </form>
        </div>
        
        
    </div>
</template>

<style>
    .bgBox {
        position: absolute;
        background-color: #2c414c;
        width: 100%;
        height: 100%;
        background-size: cover;
    }
    .login {
        width: 460px;
        height: 350px;
        background-color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
</style>